<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="https://unpkg.com/vue@3/dist/vue.global.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="style.css"/>
		<link rel="stylesheet" type="text/css" href="public.css"/>
	</head>
	<body>
		<ul style="display: flex;justify-content: space-between;">
            <li style="background-color: blue;height:200px;width: 300px;color: white;text-align: center;line-height: 200px;">姓名：张智宇</li>
            <li style="background-color: red;height: 200px;width: 300px;color: white;text-align: center;line-height: 200px;">学号：209010216</li>
            <li style="background-color: #008877;height:200px;width: 300px;color: white;text-align: center;line-height: 200px;">班级：20交互2班</li>
            <li style="background-color: #798976;height:200px;width: 300px;color: white;text-align: center;line-height: 200px;">电话：15823295633</li>
        </ul>
		<div style="display: flex;justify-content:space-evenly;">
			<ul class="p1">作业
			    <li><a href="task1/task1.html">作业一</a></li>
                <li><a href="index2.html">作业二</a></li>
                <li><a href="lib5/index5.html">作业三</a></li>
			</ul>
		</div>
	</body>
</html>